.jumbotron {
  background: url(../../images/banner.png) no-repeat;
}
.jumbotron .container .banner-h2 {
  font-size: 5.25rem;
  font-weight: 100;
}
.jumbotron .container .banner-p {
  padding: 15px 0 0;
  margin-bottom: 95px;
  font-size: 1.1875rem;
}
.jumbotron .container .banner-div {
  font-size: 1.5rem;
  border: none;
  width: auto;
  margin: 0;
  padding: 0;
}
.product-title {
  text-align: center;
}
.product-title h1 {
  margin: 100px auto;
  font-size: 42px;
  color: #333;
  text-align: center;
}
.product-title p {
  margin: 12px 10px;
  font-size: 17px;
  color: #333;
  text-align: center;
  padding: 0 168px;
}
.gmjs ul {
  margin-top: 30px;
}
.gmjs ul li {
  text-align: center;
}
.gmjs ul li .imgbox {
  width: 166px;
  height: 167px;
  margin: 0 auto;
}
.gmjs ul li p {
  margin-top: 30px;
}
.gmjs ul li .gmjs1 {
  background: url('../../images/gmjs-1.png');
}
.gmjs ul li .gmjs1:hover {
  background: url('../../images/gmjs-1-1.png');
}
.gmjs ul li .gmjs2 {
  background: url('../../images/gmjs-2.png');
}
.gmjs ul li .gmjs2:hover {
  background: url('../../images/gmjs-2-2.png');
}
.gmjs ul li .gmjs3 {
  background: url('../../images/gmjs-3.png');
}
.gmjs ul li .gmjs3:hover {
  background: url('../../images/gmjs-3-3.png');
}
.gmjs ul li .gmjs4 {
  background: url('../../images/gmjs-4.png');
}
.gmjs ul li .gmjs4:hover {
  background: url('../../images/gmjs-4-4.png');
}
.wsc .container .product-title span {
  font-size: 18px;
  color: #32C1EF;
  margin-top: 5px;
}
.wsc .container .row {
  padding-top: 50px;
  display: flex;
}
.wsc .container .row .left {
  width: 30%;
}
.wsc .container .row .left .zxkf {
  width: 227px;
  height: 68px;
  font-size: 32px;
  color: #4bc7ad;
  text-align: center;
  padding: 12px 20px;
  margin: 217px auto 68px auto;
  border-radius: 30px;
  border: 2px solid #4bc7ad;
}
.wsc .container .row .left .zxkf:hover {
  background-color: #4bc7ad;
  color: #fff;
}
.wsc .container .row .left .ljgm {
  width: 227px;
  height: 68px;
  font-size: 32px;
  color: #32c1ef;
  text-align: center;
  padding: 12px 20px;
  margin: 0 auto;
  border-radius: 30px;
  border: 2px solid #32c1ef;
}
.wsc .container .row .left .ljgm:hover {
  background-color: #32c1ef;
  color: #fff;
}
.wsc .container .row .right {
  width: 70%;
  position: relative;
}
.wsc .container .row .right .phone-cont {
  width: 325px;
  height: 574px;
  position: absolute;
  top: 114px;
  left: 41px;
  overflow: scroll;
}
.wsc .container .row .right .phone-cont::-webkit-scrollbar {
  display: none;
}
.wsc .container .row .right .phone-cont img {
  width: 100%;
}
.qcbl .imgbox {
  text-align: center;
}
.qcbl .imgbox img {
  margin-top: 50px;
}
.qyjs ul {
  margin-top: 30px;
}
.qyjs ul li {
  text-align: center;
}
.qyjs ul li .imgbox {
  width: 166px;
  height: 167px;
  margin: 0 auto;
}
.qyjs ul li p {
  margin-top: 30px;
}
.qyjs ul li .qyjs1 {
  background: url('../../images/qyjs-1.png');
}
.qyjs ul li .qyjs1:hover {
  background: url('../../images/qyjs-1-1.png');
}
.qyjs ul li .qyjs2 {
  background: url('../../images/qyjs-2.png');
}
.qyjs ul li .qyjs2:hover {
  background: url('../../images/qyjs-2-2.png');
}
.qyjs ul li .qyjs3 {
  background: url('../../images/qyjs-3.png');
}
.qyjs ul li .qyjs3:hover {
  background: url('../../images/qyjs-3-3.png');
}
.qyjs ul li .qyjs4 {
  background: url('../../images/qyjs-4.png');
}
.qyjs ul li .qyjs4:hover {
  background: url('../../images/qyjs-4-4.png');
}
.yznl {
  text-align: center;
}
.yznl ul {
  margin-top: 30px;
  margin-bottom: 100px;
}
.yznl ul li {
  text-align: center;
}
.yznl ul li .imgbox {
  width: 166px;
  height: 167px;
  margin: 0 auto;
}
.yznl ul li p {
  margin-top: 30px;
}
.yznl ul li .yznl1 {
  background: url('../../images/yznl-1.png');
}
.yznl ul li .yznl2 {
  background: url('../../images/yznl-2.png');
}
.yznl ul li .yznl3 {
  background: url('../../images/yznl-3.png');
}
.yznl ul li .yznl4 {
  background: url('../../images/yznl-4.png');
}
.gddz {
  text-align: center;
}
.gddz > img {
  margin: 50px 0 100px;
}
